<template>
   <div>
   

     <!-- 侧边栏 -->
      
     <el-aside width="200px" style="background-color: #304156">
        <!-- default-openeds属性指默认打开的栏目 -->
        <el-menu :default-openeds="['1']">
          <el-submenu index="1" class="navigation">
            <template slot="title"
              ><i class="el-icon-message"></i>Statistics</template
            >
          </el-submenu>

          <el-submenu index="2" class="navigation">
            <template slot="title"
              ><i class="el-icon-menu"></i>Subject</template
            >
            <el-menu-item-group>
              <el-menu-item index="2-1">Enter</el-menu-item>
              <el-menu-item index="2-2">Modify</el-menu-item>
            </el-menu-item-group>
          </el-submenu>

          <el-submenu index="3" class="navigation">
            <template slot="title"
              ><i class="el-icon-setting"></i>Student</template
            >
            <el-menu-item-group>
              <el-menu-item index="3-1">Score Entry</el-menu-item>
              <el-menu-item index="3-2">Modify</el-menu-item>
              <el-menu-item index="3-3">Enter Student</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
        </el-menu>
      </el-aside>
   </div>
</template>
<script>
export default {
   name: 'sidebarUi',
   components: {
     
   },
   mixins: [],
   props: {
     
   },
   data() {
     return {
       
     }
   },
   computed: {
     
   },
   watch: {
     
   },
   mounted() {
     
   },
   methods: {
     
   }
};
</script>
<style>
.el-aside{
    padding-top: 140px;
    height: 820px;
}
.el-menu-item-group {
  background-color: #2d3a4b;
}
.navigation {
  background-color: #304156;
  color: #fff;
}
.el-submenu .el-menu-item {
  color: #fff;
  font-family: "PMZD";
}
.el-submenu__title {
  color: #fff;
  font-family: "PMZD";
}
/* .all {
    display: flex;
    height: 820px;
} */
</style>